.entry {
padding: 5px 8px 6px;
+ &.image { // icons inside the entry
+ &.left { padding-left: 0; }
+ &.right { padding-right: 0; }
+ }
border-radius: 3px;
transition: all 200ms ease-out;
@include entry(normal);
background-image: linear-gradient(to bottom, #212121, #292929 90%);
border-color: #1c1f1f;
box-shadow: inset 0 2px 2px -2px #141414, inset 0 0 2px 1px rgba(39, 51, 64, 0), 0 1px rgba(238, 238, 236, 0.1); }
+ .entry.image.left {
+ padding-left: 0; }
+ .entry.image.right {
+ padding-right: 0; }
.entry.flat, .entry.flat:focus {
padding: 2px;
background-color: transparent;
background-image: linear-gradient(to bottom, #f7f7f7, white 90%);
border-color: #a1a1a1;
box-shadow: inset 0 2px 2px -2px #7f7f7f, inset 0 0 2px 1px rgba(218, 232, 247, 0), 0 1px white; }
+ .entry.image.left {
+ padding-left: 0; }
+ .entry.image.right {
+ padding-right: 0; }
.entry.flat, .entry.flat:focus {
padding: 2px;
background-color: transparent;